@charset "UTF-8";
@import "demo";
.container{
    @extend .container;
    background: url(../images/share-bg.jpg) no-repeat;
    background-size: 100% 100%;
    .head{
        margin: 0 auto;
        padding: .14rem 0;
        text-align: center;
        @include wh(1.76,1.48);
        border-radius: 50%;
        background-color: #fff;
        img{
            @include wh(1.46,1.3);
            margin: 0 auto;
        }
    }
    .top-1{
        margin-top: .15rem;
        @include fz(.33);
        color: #fff;
        span{
            color: rgb(255, 240, 0);
            
        }
    }
    .top-2{
        @include fz(.33);
        color: #fff;
        padding: .23rem 0 .88rem 0;
    }
    .tab{
        @include wh(5.68,3.21);
        position: relative;
        p{
            position: absolute;
            top: 0;
            left: 0;
            @include wh(3.8,.64);
            @include fz(.23);
            text-align: left;
            color: #fff;
            letter-spacing: .06rem;
        }
        a{
            display: inline-block;
            border-radius: 1.1rem;
            padding: .14rem;
            @include fz(.22);
            position: absolute;
        }
        a:first-of-type{
            right: .5rem;
            top: .59rem;
            background-color: rgb(188, 203, 217);
        }
        a:nth-of-type(2){
            left: .4rem;
            top: 1.25rem;
            background-color: rgb(91, 111, 122);
        }
        a:nth-of-type(3){
            left: 1.81rem;
            top: 1.53rem;
            background-color: rgb(161, 176, 94);
        }
        a:nth-of-type(4){
            right: .23rem;
            top: 2.04rem;
            background-color: rgb(195, 193, 38);
        }
    }
    .bottom{
        @include fz(.2);
        color: #fff;
        letter-spacing: .05rem;
    }
    input{
        margin: .18rem auto;
        border: .03rem solid #fff;
        @include wh(4.98,.76);
        background-color: transparent;
    }
    button{
        // margin-top: 6.46rem;
        @include wh(1.39,.48);
        box-shadow: .03rem .03rem 0 0 rgb(73, 73, 73);
    }
    button:first-of-type{
        background-color: rgb(167, 167, 167);
        color: rgb(69, 69, 67);
        margin-right: .56rem;
        border: .03rem solid rgb(167, 167, 167);
    }
    button:last-of-type{
        color: rgb(56, 64, 0);
        background-color: rgb(222, 255, 0);
        border: .03rem solid rgb(222, 255, 0);

    }
}
body{
    position: relative;
}
.mongolia{
    text-align: center;
    position: absolute;
    left: 0;
    top: 0;
    @include wh(6.4,11.36);
    background-color: rgba(0,0,0,.8);
    img{
        margin-top: 3.11rem;
    }
    p{
        margin-top: .39rem;
        color: #fff;
        @include fz(.375);
    }
}